iT邦幫忙

2024 iThome 鐵人賽

DAY 28
0

昨天完成應用部署,今天的任務是要來確保網站是否能正常運行。

網頁測試

結果點進鏈結後,跳出404的頁面,看到這個頁面整個慌了,完全不知道自己哪一部出錯,很擔心一切都要打掉重練。不過在冷靜之後,看了上面的錯誤提示以及詢問ChatGPT,發現是因為我把最重要的index.html 檔案放在子資料夾中,但至少需要index.html
https://ithelp.ithome.com.tw/upload/images/20241012/20169208z7pydTymS5.png

位置修正

我將index.html從子資料夾拿出來,並提交變更至Github:

git add .
git commit -m "Move index.html to root directory"
git push

輸入這幾行將變更提交至Github,果不其然網頁成功可以使用,但這又衍伸出一個問題,我的網頁只有HTML的部分有顯現出來,仔細思考後,我認為大概是因為我的CSS以及JavaScript檔案都還在子資料夾裡,導致HTML無法引用,於是再次更改將所有檔案都從子資料夾提出。

git add .
git commit -m "Moved files to root directory"
git push

再次確認後,我的記帳網頁終於成功上線!

成果

https://ithelp.ithome.com.tw/upload/images/20241012/20169208IBNwf8YOXB.png
我的網頁網址:https://lizzy1219.github.io/mybudget_APP/

確定能正常使用後,明天的進度要來寫README文件,介紹此網頁該如何使用,第一次上架網站真的特別有成就感🥹🥹

參考資料

https://chatgpt.com/


上一篇
DAY27 應用部署至Github
下一篇
DAY29 編寫README文件
系列文
新手開發日記:跟著ChatGPT做記帳網頁30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言